{extend name="public:layout" /}
{block name="title"}首页{/block}
{block name="head"}
<style>
    .g-bd1{margin:0 0 10px;}
    .g-sd1{position:relative;float:left;width:240px;margin-right:-240px;}
    .g-mn1{float:right;width:100%;}
    .g-mn1c{margin-left:250px;}
</style>
{/block}
{block name="body"}
<div class="layui-tab layui-tab-brief">
    <ul class="layui-tab-title">
        <li class="layui-this">网站设置</li>
    </ul>
</div>
<div class="layui-fluid">
    <div class="g-bd1 f-cb">
        <div class="g-sd1">
            <ul id="dept-list"></ul>
        </div>
        <div class="g-mn1">
            <div class="g-mn1c" style="height: 50px;background:red;">

            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script>
    layui.use('tree', function(){
        layui.tree({
            elem: '#dept-list' //传入元素选择器
            ,nodes: [{ //节点
                name: '父节点1'
                ,children: [{
                    name: '子节点11'
                },{
                    name: '子节点12'
                }]
            },{
                name: '父节点2（可以点左侧箭头，也可以双击标题可以点左侧箭头，也可以双击标题可以点左侧箭头，也可以双击标题可以点左侧箭头，也可以双击标题）'
                ,children: [{
                    name: '子节点21'
                    ,children: [{
                        name: '子节点211'
                    }]
                }]
            }]
        });
    });
</script>
{/block}